<template>
	<view>
		<view style="padding-left: 20px;padding-top: 10px;">
			<span style="font-size: 25px;font-weight: 600;">审核详情</span>
		</view>
		<view style="background-color: #FFFFFF; margin: 40upx 40upx 0 40upx;">
			<view style="display: flex; flex-direction: row;padding-top: 20upx;border-bottom: 1px #DFE0E1 solid;margin-left: 20upx;margin-right: 20upx;">
				<view style="margin-left: -10px;">
					<view class="cu-avatar lg round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg);"></view>
				</view>
				<view style="display: flex; flex-direction:column;font-weight: 600;font-size: 30upx;margin-left: 20upx;margin-bottom: 20upx;">
					<text>我发起的临时任务</text>
					<text style="margin-top: -8px;">内容：去华星光电查看设备</text>
				</view>
			</view>
			<view style="display: flex;flex-direction:column;margin: 20upx 0 0 20upx; color: #CACDCF;">
				<span class="fontClass">接收人：胖小海（运维一组）</span>
				<span class="fontClass">开始时间：胖小海（运维一组）</span>
				<span class="fontClass">站点名称：胖小海（运维一组）</span>
				<span class="fontClass">站点地址：胖小海（运维一组）</span>
			</view>
		</view>
		<view class="example-body" style="padding-top: 40upx;margin: 40upx 40upx 0 40upx;">
			<uni-steps :options="list1" active-color="#11CC99" :active="active" :result="result" direction="column"/>
		</view>
	</view>
</template>

<script>
	import uniSteps from '@/components/uni-steps/uni-steps-column.vue'
	import Util from '@/utils/util.js';
	export default {
		components: {
			uniSteps
		},
		data() {
			return {
				active: 10,
				result: false,
				list1: [],
			};
		},
		onLoad(e) {
			//加载任务单的审核流程
			if(e.id){
				Util.request('/monitor/taskShenhe/getByTaskId', {taskId:e.id}, 'GET').then(res=>{
					this.list1 = []
					res.data.records.map(item => {
						let title = '审批人：'+item.shenherenName+"\n"+item.content;
						let oa = {
							title: title,
							desc: item.createTime,
							shenheStatus: item.shenheStatus
						}
						this.list1.push(oa)
					}); //任务单数据
				}).catch(()=>{
					//联网失败, 结束加载
				})
			}
		}
	}
</script>

<style lang="scss">

</style>
